<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/css/personage/reset.css">
    <link rel="stylesheet" href="./lib/css/personage/personage.css">
    <link href="css/jquery.circlify.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="box">
        <div class="bg-1"></div>
        <div class="bg-2"></div>
        <div class="bg-3"></div>
        <div class="bg-4"></div>
        <!-- 主体 -->
        <div class="main-container">
            <!-- 头部 -->
            <div class="nvai">
                <i class="icon-home"></i>
                <a href="javascript:;">英雄联盟首页</a>
                <i class="icon-arrow-nav"></i>
                <span class="">社区个人中心</span>
            </div>
            <!-- 个人信息 -->
            <div class="userinfo">
   
            </div>
            <!-- 我的主页 -->
            <div class="user-nav nav-3 ">
                <a href="" class="on off">
                    <span class="Chinese">游戏信息</span>
                    <span class="English">GAME INFO</span>
                </a>
            </div>
            <!-- 游戏信息页 -->
            <div class="user-gameinfo-self">
                <div class="p-title">
                    <h2 class="primary-title">我的游戏信息</h2>
                </div>
                <div class="user-gameinfo-content">
                    <div class="content-left">
                        <div class="cl-top">
                            <!-- 游戏的头像 -->
                            <div class="user-head">
                                <div class="game-head-bg-bg"></div>
                                <div class="user-head-img">
                                    <img src="./lib/images/personage/profileicon4022.jpg" alt="">
                                </div>
                            </div>
                            <!-- 游戏的id信息 -->
                            <div class="game-info">
                                <p class="p-wrap-gi0">
                                    <span class="game-name J_gameName">代容Sigrid丶</span>
                                    <span class="lv J_level">Lv.58</span>
                                </p>
                                <p class="p-wrap-gi1">
                                    <span class="area">艾欧尼亚</span>
                                    <a href="javascript:;">【更改大区】</a>
                                </p>
                                <p class="p-wrap-gi2">
                                    <a href="">
                                        <i class="icon-rp"></i>
                                        50
                                    </a>
                                    <a href="">
                                        <i class="icon-bcj"></i>
                                        92
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="lv-group cl-bottom">
                            <div class="icon-lv">
                                <img src="./lib/images/personage/season_2019_silver_4.png" alt="">
                                <!--hover时候显示灵活排位段位-->
                                <div class="level-info-frame">
                                    <div class="lif-0">
                                        <img src="./lib/images/personage/season_2019_silver_2.png" alt="段位">
                                        <div>
                                            <p>灵活组排5v5</p>
                                            <p>不屈白银Ⅱ <span>95</span>胜点</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="lv-text">
                                <p>单/双排位赛</p>
                                <p>不屈白银Ⅳ<span>21</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="content-right">
                        <!-- 数据图 -->
                        <div class="surface-frame">
                            <div class="data-surface" id="data_surface"
                                style="-webkit-tap-highlight-color: transparent; user-select: none; background:transparent;">
                                <div id="container"
                                    style="position: relative; width:100%; height:100%; cursor: default;"></div>
                            </div>
                            <div class="data-site"><span id="chartsTotalNum">1096</span><br>总局数</div>
                        </div>
                        <!-- 上面 -->
                        <!-- 胜场胜率 -->
                        <div class="data-group">
                            <div class="data-bg">
                                <span class="num site-num">165</span>
                                <span>胜场</span>
                            </div>
                            <div class="data-bg ">
                                <span class="num site-num">55%</span>
                                <span>胜率</span>
                            </div>
                            <div class="data-bg ">
                                <span class="num site-num">54</span>
                                <span>MVP</span>
                            </div>
                        </div>
                        <!-- 常用英雄 -->
                        <div class="often-hero">
                            <span>常用英雄</span>
                            <div class="often-hero-list">
                                <div class="often-hero-head">
                                    <span class="pic-wrap">
                                        <img src="./lib/images/personage/Talon.png" alt="">
                                    </span>
                                </div>
                                <div class="often-hero-head">
                                    <span class="pic-wrap">
                                        <img src="./lib/images/personage/Katarina.png" alt="">
                                    </span>
                                </div>
                                <div class="often-hero-head">
                                    <span class="pic-wrap">
                                        <img src="./lib/images/personage/Lucian.png" alt="">
                                    </span>
                                </div>
                                <div class="often-hero-head">
                                    <span class="pic-wrap">
                                        <img src="./lib/images/personage/Thresh.png" alt="">
                                    </span>
                                </div>
                                <div class="often-hero-head">
                                    <span class="pic-wrap">
                                        <img src="./lib/images/personage/JarvanIV.png" alt="">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="user-gameinfo-bottom">
                        <a href="javascript:;" class="btn-honor en">我的荣誉</a>
                        <a href="" class="btn-hero-skin">英雄与皮肤</a>
                    </div>
                </div>
            </div>
            <!-- 我的荣誉 -->
            <div class="my-honor">
                <!-- 标题 -->
                <div class="topbar">
                    <span class="primary-title">我的荣誉</span>
                    <span class="unlock">已解锁<span class="owned-num">10</span>/10</span>
                </div>
                <!-- 荣誉图标 -->
                <ul class="honor-iconul" id="honorIconul">
                    <li class="">
                        <span class="triplekill times">49次</span>
                        <p class="icon-name">三杀</p>
                    </li>
                    <li class="">
                        <span class="quadrakill times">10次</span>
                        <p class="icon-name">四杀</p>
                    </li>
                    <li class="">
                        <span class="pentakill times">1次</span>
                        <p class="icon-name">五杀</p>
                    </li>
                    <li class="">
                        <span class="allrole times">54个</span>
                        <p class="icon-name">全英雄</p>
                    </li>
                    <li class="">
                        <span class="kill times">3724次</span>
                        <p class="icon-name">击杀</p>
                    </li>
                    <li class="">
                        <span class="helpkill times">2987次</span>
                        <p class="icon-name">助攻</p>
                    </li>
                    <li class="">
                        <span class="godlike times">114次</span>
                        <p class="icon-name">超神</p>
                    </li>
                    <li class="">
                        <span class="topvictory times">7连胜</span>
                        <p class="icon-name">最高连胜</p>
                    </li>
                    <li class="">
                        <span class="mvp times">11次</span>
                        <p class="icon-name">MVP</p>
                    </li>
                    <li class="">
                        <span class="ward-placed times">5082次</span>
                        <p class="icon-name">插眼</p>
                    </li>
                </ul>
                <!-- 荣誉评分 -->
                <ul class="honor-score" id="honorScore">
                    <li><span class="score-key">最高评分</span><span class="score-value">15.9</span></li>
                    <li><span class="score-key">最多连胜</span><span class="score-value">7</span></li>
                    <li><span class="score-key">最高击杀</span><span class="score-value">34</span></li>
                    <li><span class="score-key">最多连杀</span><span class="score-value">17</span></li>
                    <li><span class="score-key">最高助攻</span><span class="score-value">41</span></li>
                    <li><span class="score-key">最多输出</span><span class="score-value">61782</span></li>
                    <li><span class="score-key">最多补兵</span><span class="score-value">378</span></li>
                    <li><span class="score-key">最多推塔</span><span class="score-value">7</span></li>
                    <li><span class="score-key">最多承伤</span><span class="score-value">66722</span></li>
                    <li><span class="score-key">最佳经济</span><span class="score-value">27674</span></li>
                    <li><span class="score-key">最久比赛</span><span class="score-value">50min</span></li>
                    <li><span class="score-key">最短比赛</span><span class="score-value">15min</span></li>
                </ul>

            </div>
            <!-- 英雄和皮肤 -->
            <div class="hero-and-skin">
                <div class="topbar">
                    <span class="primary-title">英雄与皮肤</span>
                    <span class="unlock" id="ownedHeroes">拥有英雄<span class="owned-num">54</span>/143</span>
                    <span class="unlock" id="ownedSkins">拥有皮肤<span class="owned-num">12</span>/1080</span>
                    <div class="hero-filter">
                        <div class="search-ipt">
                            <input type="text" placeholder="输入英雄名进行搜索" class="hero-search" id="heroSearch">
                            <input type="button" class="btn-search" id="btnSearch">
                        </div>
                        <select class="hero-select" id="heroSelect">
                            <option value="all">全部</option>
                            <option value="Fighter">战士</option>
                            <option value="Mage">法师</option>
                            <option value="Assassin">刺客</option>
                            <option value="Tank">坦克</option>
                            <option value="Marksman">射手</option>
                            <option value="Support">辅助</option>
                            <option value="havenot">未拥有</option>
                        </select>
                    </div>
                </div>
                <!-- 英雄列表 -->
                <div class="hero-owned-list" id="heroList">
                    <div data-index="0" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">
                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Annie" target="_blank"
                                        class="check-info">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('1', 'hero')" class="buynow">立即购买</a>
                                </p>
                            </div>
                        </div>
                        <p>黑暗之女</p>
                    </div>

                    <div data-index="1" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Olaf" target="_blank"
                                        class="check-info">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('2', 'hero')" class="buynow">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>狂战士</p>
                    </div>

                    <div data-index="2" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Galio" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Galio'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('3', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Galio'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>正义巨像</p>
                    </div>

                    <div data-index="3" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=TwistedFate" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_TwistedFate'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('4', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_TwistedFate'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>卡牌大师</p>
                    </div>

                    <div data-index="4" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>德邦总管</p>
                    </div>

                    <div data-index="5" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>无畏战车</p>
                    </div>

                    <div data-index="6" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>诡术妖姬</p>
                    </div>

                    <div data-index="7" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Vladimir" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Vladimir'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('8', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Vladimir'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>猩红收割者</p>
                    </div>

                    <div data-index="8" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Fiddlesticks" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Fiddlesticks'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('9', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Fiddlesticks'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>末日使者</p>
                    </div>

                    <div data-index="9" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>正义天使</p>
                    </div>

                    <div data-index="10" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>无极剑圣</p>
                    </div>

                    <div data-index="11" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>牛头酋长</p>
                    </div>
                    <!-- 英雄皮肤 -->
                    <dl class="skin-dl" id="skinList" style="display: block;">
                        <dt>已拥有<span class="owned-num">0</span>/9</dt>
                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="use-time">永久使用</span>
                                <br>
                                <span class="skin-name">默认皮肤</span>
                            </p>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">特战先锋 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">皇家守卫 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">绞肉机角斗士 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">翼骑统领 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">赵云 子龙</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">秘密特工 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">屠龙勇士 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>

                        <dd>
                            <img src="./lib/images/personage/5000.jpg" alt="皮肤">
                            <p>
                                <span class="skin-name">穿星魔锋 赵信</span>
                            </p>
                            <span class="skin-not-own"><i class="lock"></i></span>
                        </dd>
                    </dl>
                    <!-- 上面是英雄皮肤 -->

                    <div data-index="12" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>符文法师</p>
                    </div>

                    <div data-index="13" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Sion" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Sion'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('14', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Sion'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>亡灵战神</p>
                    </div>

                    <div data-index="14" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>战争女神</p>
                    </div>

                    <div data-index="15" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>众星之子</p>
                    </div>

                    <div data-index="16" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>迅捷斥候</p>
                    </div>

                    <div data-index="17" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>麦林炮手</p>
                    </div>

                    <div data-index="18" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Warwick" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Warwick'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('19', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Warwick'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>祖安怒兽</p>
                    </div>

                    <div data-index="19" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>雪原双子</p>
                    </div>

                    <div data-index="20" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>赏金猎人</p>
                    </div>

                    <div data-index="21" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>寒冰射手</p>
                    </div>

                    <div data-index="22" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>蛮族之王</p>
                    </div>

                    <div data-index="23" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Jax" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Jax'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('24', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Jax'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>武器大师</p>
                    </div>

                    <div data-index="24" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>堕落天使</p>
                    </div>

                    <div data-index="25" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>时光守护者</p>
                    </div>

                    <div data-index="26" class="hero-o">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                            <div class="unlock-role">
                                <i class="lock"></i>
                                <p class="role-info">
                                    <a href="//lol.qq.com/web201310/info-defail.shtml?id=Singed" target="_blank"
                                        class="check-info"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.hero_detail_Singed'});">查看详情</a>
                                    <a href="javascript:GameInfoFunc.gotoBuy('27', 'hero')" class="buynow"
                                        onclick="pgvSendClick({hottag:'v3.space.game_info.buy_Singed'});">立即购买</a>
                                </p>
                            </div>

                        </div>
                        <p>炼金术士</p>
                    </div>

                    <div data-index="27" class="hero-o owned">
                        <div class="img-box">
                            <img src="./lib/images/personage/Annie.png" alt="英雄">

                        </div>
                        <p>痛苦之拥</p>
                    </div>

                </div>
                <!--  -->

            </div>
            <!-- 历史战绩 -->
            <div class="history">
                <div id="app">
                    <div id="indexHtml">
                        <div class="tempwrap" style="background-color: rgb(255, 255, 255);">
                            <div class="m-gamedata-container">
                                <div class="m-gamedata-topbar">
                                    <div class="m-sort-bar"><span class="primary-title">历史战绩</span>
                                        <select class="hero-select">
                                            <option>
                                                所有模式
                                            </option>
                                            <option>
                                                匹配
                                            </option>
                                            <option>排位赛</option>
                                            <option>大乱斗</option>
                                            <option>人机</option>
                                        </select>
                                        <span class="share-txt">分享：</span>
                                        <div id="competitionShare1" class="tg-sns"></div>
                                        <div class="search-ipt"><input type="text" placeholder="输入英雄名进行搜索"
                                                id="championInput" class="hero-search"> <input type="button"
                                                onclick="MatchFunc.searchEvent()" class="btn-search">
                                        </div>
                                    </div>
                                </div>
                                <div class="m-player-record-container">
                                    <!-- 英雄,游戏模式,补刀... -->
                                    <ul class="m-player-record-title">
                                        <li>
                                            <a class="u-th-0">使用英雄</a>
                                            <a class="u-th-1">游戏模式</a>
                                            <a class="u-th-2">出装</a>
                                            <a class="u-th-3">KDA</a> <a class="u-th-4">经济/补刀</a>
                                            <a class="u-th-5">日期</a>
                                        </li>
                                    </ul>
                                    <ul class="m-player-record-content">
                                        <!-- 战绩显示 -->
                                        <li>
                                            <span class="u-th-0">
                                                <span>
                                                    <!-- 等级 -->
                                                    <span>16</span>
                                                    <i></i>
                                                    <!-- 英雄的头像 -->
                                                    <img class="u-player-avatar" data-tip="fontTip,皎月女神"
                                                        src="./lib/images/personage/Diana.png" alt="英雄头像">
                                                </span>
                                                <!-- 输赢 -->
                                                <a class="u-win-lose win"></a>
                                                <!-- 英雄名字 -->
                                                <a class="u-champion-name">皎月女神</a>
                                            </span>
                                            <span class="u-th-1">
                                                <!-- 地图名字 -->
                                                <a class="u-game-map">召唤师峡谷</a>
                                                <!-- 游戏模式 -->
                                                <a class="u-game-class">排位 </a>
                                            </span>
                                            <!-- 游戏内出的装备 -->
                                            <span class="u-th-2">
                                                <img data-tip="equipment" data-id="3089"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3157"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3115"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3057"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3916"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3020"
                                                    src="./lib/images/personage/3089.png">
                                                <img data-tip="equipment" data-id="3340"
                                                    src="./lib/images/personage/3089.png">
                                            </span>
                                            <!-- 游戏战绩 -->
                                            <span class="u-th-3"> 14/ 6/ 8 </span>
                                            <!-- 游戏经济和补刀 -->
                                            <span class="u-th-4"> 15.1K / 173 </span>
                                            <!-- 游戏的时间 -->
                                            <span class="u-th-5"> 2019-04-17 13:30 </span>
                                            <a href="javascript:;" class="u-click-mask"></a>
                                        </li>
                                    </ul>
                                    <a href="javascript:MatchFunc.loadGameBtnEvent();" id="loadGame_btn"
                                        class="u-showmore" style="display: block;">浏览更多信息</a>
                                    <!-- 没有数据时出现 -->
                                    <!-- <a href="javascript:MatchFunc.loadGameBtnEvent();" id="loadGame_btn"class="u-showmore" style="display: block;">暂无相关数据</a> -->
                                    <!-- <a href="javascript:;"id="loading_btn" class="u-showmore">加载数据中请稍后......</a> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--  -->
                </div>
            </div>
            <!-- 上面是历史战绩 -->
        </div>
    </div>
    <iframe src="https://apps.game.qq.com/ams/asyncCookie.html" id="loginStatusSyncFrame_ams_ame" width="0" height="0"
        style="border: 0px;"></iframe>
    <%- include('./template/personage_template') %>
</body>
<script src="./lib/js/personage/jquery-3.3.1.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script src="http://ossweb-img.qq.com/images/js/share/share-min.js" charset="gb2312"></script>
<script src="./lib/js/personage/personage.js"></script>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/art-template/art-template.js"></script>
<!-- <script src="/lib/template/template-web.js"></script> -->
</html>